<template>
  <div class="ac">
      <Layout>
        <Sider hide-trigger :style="{background: '#fff'}">
          <Menu active-name="user" theme="light" width="auto" @on-select="toSelectMenu">
            <MenuItem name="user">
              <Icon type="md-person"></Icon>
              <span>用户</span>
            </MenuItem>
            <MenuItem name="role">
              <Icon type="ios-people"></Icon>
              <span>角色</span>
            </MenuItem>
            <MenuItem name="menu">
              <Icon type="md-menu"></Icon>
              <span>权限菜单</span>
            </MenuItem>
          </Menu>
        </Sider>
        <router-view/>
      </Layout>
  </div>
</template>

<script>
    export default {
        name: "index",
        data() {
            return {}
        },
        methods: {
          toSelectMenu(target){
             this.$router.push('ac-'+target);
          },
          jump(e){
            this.$router.push(e);
          }
        },
        computed: {},
        props: {},
        components: {},
        mounted() {
        },
        created() {
        }
    }
</script>

<style scoped>


</style>
